//导入路由
import {createRouter, createWebHistory} from "vue-router";

import Admin from "@/components/Admin.vue";
import Login from "@/components/Login.vue";
import Register from "@/components/Register.vue";
import NotFound from "@/components/main/404.vue";
import Welcome from "@/components/Welcome.vue";
import Temp from "@/components/main/Temp.vue";

// 变量
// let a=10
// let b="dsdd"
// 常量
// const c=10

//javascript采用json格式来表格数组和对象
// []表示数组
// let ar=[1,2,3,4,5,6,7,"dff"]
//{}表示对象
// let stu = {id: 1000, name: "hzj", age: 18}
//表示多个对象
// let stus=[
//     {id:101,name:"hzj"},
//     {id:102,name:"hzj"},
//     {id:103,name:"hzj"},
//     {id:104,name:"hzj"},
// ]

//定义路由关系
const routes = [
    {
        path: "/",
        component:Welcome,
        // 登录页不需要 children，因为它是独立页面
    },
    {
        path: "/login",
        component:Login,
        // 登录页不需要 children，因为它是独立页面
    },
    {
        path: "/register",
        component: Register,
        // 登录页不需要 children，因为它是独立页面
    },
    {
        path: "/admin",
        component: Admin,
        children: [ // Admin 作为父组件，渲染它的子页面
            { path: "/admin/temp", component: Temp }, // 访问 /admin/c
        ]
    },
    {
        path: "/404",
        component: NotFound,
        // 登录页不需要 children，因为它是独立页面
    },
];

//创建路由器
const router=createRouter({
    history:createWebHistory(),
    routes:routes
});
//导出路由
export default router;
// 其他组件也可以类似处理